<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>spa项目的server层分析与使用factory创建服务</title>
		<script src="../org/angular.min.js"></script>
		<script src="../org/jquery.min.js" ></script>
	</head>
	<body>
		<div ng-app="hd" ng-controller="ctrl">
			<table width="600" border="1px">
				<tr>
					<td>名称</td>
					<td>链接</td>
				</tr>
				<tr ng-repeat='v in data'>
					<td>{{v.name}}</td>
					<td>{{v.url}}</td>
				</tr>
			</table>
		</div>
		<script>
			var m = angular.module('hd',[]);
			m.factory('serverHttp',['$http',function($http){
				return{     //两种方式，一种使用回调函数建立闭包，一种使用对象形式，建议使用第二种
//					get:function(callback){
//						$http({url:'$httpPhp.php'}).then(function(response){
//							return callback(response);
//						})
//					}
                    all:function(){
                    	return $http({url:'$httpPhp.php'});
                    }
				}
			}]);
			m.controller('ctrl',['$scope','serverHttp',function($scope,serverHttp){
//              serverHttp.get(function(response){
//              	$scope.data = response.data;
//              });
                serverHttp.all().then(function(response){
                	$scope.data = response.data;
                });
			}]);
		</script>
	</body>
</html>

